<template xmlns:el-col="http://www.w3.org/1999/html">
    <div class="nei">
        <div class="head">
            <div class="head-one">
                <div class="head-two">
                    <span class="head-three" title="学科竞赛" >学科竞赛</span>
                </div>
            </div>
        </div>
        <div class="th">
            <div class="lead">

                <div class="lead_head">
                    详情
                </div>
                <div class="imag" style="margin-top: 5px" >
                    <img src="../../../static/img/lanqiao.png" width=100% height="300">
                </div>

                <div >
                    <p>
                        为推动软件开发技术的发展，促进软件专业技术人才培养，向软件行业输送具有创新能力和实践能力的高端人才，
                        提升高校毕业生的就业竞争力，全面推动行业发展及人才培养进程，工业和信息化部人才交流中心特举办“全国软
                        件专业人才设计与创业大赛”，大赛包括个人赛和团队赛两个比赛项目，个人赛设置：1、C/C++程序设计（本科A组、
                        本科B组、高职高专组）2、Java软件开发（本科A组、本科B组、高职高专组）3、嵌入式设计与开发（大学组、研究生组）
                        4、单片机设计与开发（大学组）5、艺术设计赛（大学组）。团队赛设置：1、软件创业团队赛，2、大数据团队赛。
                        主办单位：工业和信息化部人才交流中心。指导单位：全国高等学校学生信息咨询与就业指导中心。
                    </p>
                </div>
                <div class="lead_head">
                    报名
                    <el-form :model="team" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">

                        <!--<el-form-item style="width: 350px" label="指导老师姓名" :label-width="formLabelWidth">-->
                        <!--<el-input v-model="team.teachername" autocomplete="off"></el-input>-->
                        <!--</el-form-item>-->
                        <!--<el-form-item style="width: 350px" label="指导老师邮箱" :label-width="formLabelWidth">-->
                        <!--<el-input v-model="team.teacheremail" autocomplete="off"></el-input>-->
                        <!--</el-form-item>-->
                        <el-form-item style="width: 350px" label="姓名" :label-width="formLabelWidth">
                            <el-input v-model="team.name" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item style="width: 350px" label="竞赛组别" :label-width="formLabelWidth" >
                            <el-select v-model="team.sub"   placeholder="请选择">
                                <el-option label="C/C++程序设计" value="C/C++程序设计" ></el-option>
                                <el-option label="JAVA软件开发" value="JAVA软件开发"></el-option>
                                <el-option label="单片机设计与开发" value="单片机设计与开发"></el-option>
                                <el-option label="嵌入式设计与开发" value="嵌入式设计与开发"></el-option>
                                <el-option label="艺术设计赛" value="艺术设计赛"></el-option>
                                <!--<el-option label="创业团队赛" value="create"></el-option>-->
                                <!--<el-option label="大数据团队赛" value="datateam"></el-option>-->
                            </el-select>
                        </el-form-item>
                        <el-form-item style="width: 350px" label="学号" :label-width="formLabelWidth">
                            <el-input v-model="team.num" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item style="width: 350px" label="班级" :label-width="formLabelWidth">
                            <el-input v-model="team.classes" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item style="width: 350px" label="联系方式" :label-width="formLabelWidth">
                            <el-input v-model="team.phone" autocomplete="off"></el-input>
                        </el-form-item>

                        <el-form-item style="align-content: center">
                            <el-button type="primary" @click="addnew">确定</el-button>
                            <el-button @click="Todynamics">返回</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <div>
                    <!--<el-steps :active="active" finish-status="success" style="color: black">-->
                    <!--<el-step title="步骤 1" style="color: black"></el-step>-->
                    <!--<el-step title="步骤 2"style="color: black" ></el-step>-->
                    <!--<el-step title="完成"style="color: black"></el-step>-->

                    <!--</el-steps>-->
                    <!--<div>-->
                    <!--<el-button style="font-size: 20px;margin-top:10px"type="button" @click="dialogFormVisible = true">队伍信息</el-button>-->

                    <!--<el-dialog  style="width: 900px;margin: 0 auto" title="队伍信息" :visible.sync="dialogFormVisible">-->

                    <!--<el-form :model="Team_information">-->

                    <!--<el-form-item style="width: 350px" label="队伍名称" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Team_information.teamname" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item style="width: 350px" label="队长姓名" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Team_information.captainname" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->

                    <!--<el-form-item style="width: 350px" label="队员人数" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Team_information.teamnumber" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item style="width: 350px" label="指导老师姓名" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Team_information.teachername" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->

                    <!--<el-form-item style="width: 350px" label="指导老师邮箱" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Team_information.teacheremail" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->

                    <!--</el-form>-->
                    <!--<div slot="footer" class="dialog-footer">-->
                    <!--<el-button @click="addnew">添 加</el-button>-->
                    <!--<el-button type="primary" @click="dialogFormVisible = false ">返回</el-button>-->
                    <!--</div>-->
                    <!--</el-dialog>-->
                    <!--</div>-->

                    <!--<div>-->
                    <!--<el-button style="font-size: 20px;margin-top: 10px"type="button" @click="dialogFormVisible2 = true">队员信息</el-button>-->

                    <!--<el-dialog  style="width: 1500px;overflow:auto" title="信息" :visible.sync="dialogFormVisible2">-->


                    <!--<el-form :model="Member_information">-->
                    <!--<el-col :span="12">-->
                    <!--<el-form-item style="width: 300px;" label="姓名" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Member_information.name" autocomplete="off" ></el-input>-->
                    <!--</el-form-item>-->
                    <!--</el-col>-->
                    <!--<el-col :span="12">-->
                    <!--<el-form-item style="width: 300px; " label="电话" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Member_information.phone" autocomplete="off" ></el-input>-->
                    <!--</el-form-item>-->
                    <!--</el-col>-->
                    <!--<el-col :span="12">-->
                    <!--<el-form-item style="width: 300px;" label="邮箱" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Member_information.email" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->
                    <!--</el-col>-->
                    <!--<el-col :span="12">-->
                    <!--<el-form-item style="width: 300px;" label="学号" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Member_information.num" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->
                    <!--</el-col>-->
                    <!--<el-col :span="12">-->
                    <!--<el-form-item style="width: 300px;" label="学院" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Member_information.academy" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->
                    <!--</el-col>-->
                    <!--<el-col :span="12">-->
                    <!--<el-form-item style="width: 300px;" label="班级" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Member_information.classes" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->
                    <!--</el-col>-->
                    <!--<el-col :span="12">-->
                    <!--<el-form-item style="width: 300px;" label="队伍名称" :label-width="formLabelWidth">-->
                    <!--<el-input v-model="Member_information.teamname" autocomplete="off"></el-input>-->
                    <!--</el-form-item>-->
                    <!--</el-col>-->
                    <!--</el-form>-->

                    <!--<div slot="footer" class="dialog-footer">-->
                    <!--<el-button @click="add ">添 加</el-button>-->
                    <!--<el-button type="primary" @click="dialogFormVisible2 = false">确 定</el-button>-->
                    <!--</div>-->
                    <!--</el-dialog>-->
                    <!--</div>-->
                </div>


            </div>
        </div>


    </div>
</template>

<script>
    export default {
        data() {
            return {
                // active: 0,
                // dialogFormVisible: false,
                // Team_information: {
                //     teamname: '',
                //     teamnumber: '',
                //     teachername: '',
                //     teacheremail: '',
                //     captainname: '',
                //     date1: '',
                //     date2: '',
                //     delivery: false,
                //     type: [],
                //     resource: '',
                //     desc: ''
                // },
                // formLabelWidth: '120px',
                // dialogFormVisible2: false,
                // Member_information: {
                //     name: '',
                //     phone: '',
                //     email: '',
                //     num: '',
                //     academy: '',
                //     classes: '',
                //     delivery: false,
                //     type: [],
                //     resource: '',
                //     desc: ''
                // },
                // formLabelWidth: '120px'
                formLabelWidth:'120px',
                team: {
                    name: '',
                    sub:'',
                    classes:'',
                    phone: '',
                    num: '',
                },
                // rules: {
                //     name: [
                //         { required: true, message: '', trigger: 'blur' },
                //         { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
                //     ],
                //     phone:[{
                //         required: true,
                //         message: '请输入手机号码',
                //         trigger: 'blur'
                //     }, {validator:function(rule,value,callback){
                //             if(/^1[34578]\d{9}$/.test(value) == false){
                //                 callback(new Error("请输入正确的手机号"));
                //             }else{
                //                 callback();}
                //         },
                //         trigger: 'blur'}
                //     ],
                //
                // }
            }
        },
        create(){
            // this.add(),
            this.addnew()
        },
        methods: {
            // next() {
            //     if (this.active++ > 2) this.active = 0;
            // },
            addnew(){
                this.$axios.post('BlueBrigde/insert?'+
                    'name='+this.team.name+
                    '&sub='+this.team.sub+
                    '&num='+this.team.num+
                    '&classes='+this.team.classes+
                    '&phone='+this.team.phone
                ).then((res)=> {
                    if (res.data.code == 200)
                        this.$message({
                            message: res.data.msg,
                            type: 'success'
                        })
                })
            },
            Todynamics(){
                this.$router.push( '/competition-dynamics')
            }
            // add(){
            //     this.$axios.put('BlueBrigde/update?'+
            //         'name='+this.Member_information.name+
            //         '&phone='+this.Member_information.phone+
            //         '&email='+this.Member_information.email+
            //         '&num='+this.Member_information.num+
            //         '&academy='+this.Member_information.academy+
            //         '&classes='+this.Member_information.classes+
            //         '&classes='+this.Member_information.teamname
            //     ).then((res)=>{
            //
            //     })
        }
    }
</script>

<style>

    .head{
        width: 100%;
        z-index: 60;
        padding: 20px 0;
        background: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,.1);
    }
    .head-one{
        width: 1080px;
        margin: 0 auto;
    }
    .head-three{
        border-bottom:5px solid deepskyblue;
        font-size: 20px;
        align-content: center;
    }
    .nei {
        overflow: auto;
        width: 100%;
        height: 100%;
        /*background: url("../../assets/enrollbg.jpg")  no-repeat;*/
        /*background-size:100% 100%;*/
    }
    .lead{
        width: 900px;
        padding-top: 40px;
    }
    .lead_head{
        font-size: 22px;
        font-weight: 600;
        padding: 0 15px 0 5px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-left: 6px solid deepskyblue;
    }
    .th{
        width: 900px;
        height: 100%;
        margin: 0 auto;

    }


</style>
